This Page Is Inserted by IFW Operations 
and is not a part of the Official Record 



BEST AVAILABLE IMAGES 



Defective images within this document are accurate representations of the 
original documents submitted by the applicant. 

Defects in the images may include (but are not limited to): 



BLACK BORDERS 



TEXT CUT OFF AT TOP, BOTTOM OR SIDES 



FADED TEXT 



ILLEGIBLE TEXT 



SKEWED/SLANTED IMAGES 



COLORED PHOTOS 



BLACK OR VERY BLACK AND WHITE DARK PHOTOS 



GRAY SCALE DOCUMENTS 



IMAGES ARE BEST AVAILABLE COPY. 

As rescanning documents will not correct images, 
please do not report the images to the 
Image Problems Mailbox. 




APPENDIX C 




Welcome to the Component Editor 



With the component editor you can edit pages shown in other browser windows. It is 
especially intended to edit server side components. For layout editing see WYSIWYG 
editing. 



-components displayed in other windows show up with colored handles. Please click 
on a handle to edit a component, or select a function from the menu bar on top of this 
window. Use New Page from File to call the new page wizard, or use Insert to 
browse available components. 

To get more information please click on help here or in the menu bar. The best way to 
learn about the component editor is to bok at the tutorial 



Fig. 3: Component Editor Window after Startup 



H heitml Component Editor - Microsoft Internet ... MMl 




Fieldtext 

Text field 

Property Value 
Name iGuestJSlamej 
Size |50 | 
Maxlength | | 
Value I 



Mandatory P 
Trim f7 

r 



Descr 



Description 

Fieldname. 

Field size in characters. 
Limit to the length of the field's value, 
j Initial field value. 

Check to require the user to fill out the 
field. 

Check to trim lifting and trailing white- 
space from value. 

I A description of the field value. 



Disabled C Yts <~No ^ like form Is field disabled? 
Password |— Check to render input unreadable. 

Save! ^ J ---—J — 



Fig 4: Component Editor Window displaying a Component Edit Page 



<H 1 > Database Search & Edit Form</H 1 > 
<P>This is the fill-in form used to create new entries, to search, modify, or delete records ^ 
<dbform id=se.dbform 1 relation= h guestbook" key="Guest_Name" method^'post" > % . 

<table bgcolor="#90bb9(T cellspacing=0 cellpadding=*5 borden=0 > ' ' 

<tr><td> Name</td> 

<tdxdbfieid name="Guest_Name" size=50 mandatory=false trim==true></td></tr> 
<tr> <td> E-Mail</td> 

<td><dbfield name="Emai]" size=50 mandatory^false trim=true></td></tr> 
<tr><td>Address</td><dbfieid name^ Address" size=60 mandatory=false trim=true></td></tr> 
<tr><td>Country</td><tdxdb field name=«"Country" size=60 mandatory=false trim=tnie></td></tr> 
<tr><td>Comment</tdxtd> <dbfield name="Comment" rows=5 cols=60></td></tr> 
</TABLE> 

<dbform button name="find" type="find" x/dbformbutton> 
<dbform button name= M modify M type= M modiry rt x/dbformbutton> 
<dbform button name="delete" type="delete' , x/dbfornibutton> 
<dbformbutton name="clear" type= M clear" x/dbformbutton> 
</dbform> 



Fig.5: Page Source of Sample Page 









Browser Software 


Sends Request ^ 




Displays Internet Page 






(13) 


Sends Page 










Passes 




on - 




Request 


Client Computer (11) 





Web Server Software 

receives Request, 
calls the appropriate page 
generating program (14) 



1 


^ 

r 


i 


Page Generation Program 
or Module (15) 



Server Computer (12) 



Fig. 6: State of the Art Model for Server Based Internet Applications 



Browser Software 
Displays Internet Page 
(23) 



Client Computer (21) 



Sends Request 



Sends Page 



Passes on 
Request 



Reads 



Web. Server Software 

receives Request, 
calls the appropriate page 
generating program 
(24) 



ISSC Processor Program or Server 
Module (25) 




Component 
Page (26) 



Component 
Class n (27) 



Component 
Class 1 (27) 



Server Computer (22) 



Returns 

Generate 

Page 



Call ead 
other 



Fig. 7: Model for Server Based Internet Applications with ISSCs 



Client Computer with 
Browser Program 



User Interaction 
with browser (31) 



T 



Server Computer with Web Server 
and ISSC Processor Program 



Web Server Software 



ISSC Processor. 
Software (Invention) 



Send Request (32) 




Receives Request (33) 




i 



Calls ISSC Processor (34) 



Read and Parse Requested 
Component Page and associated 
Component Classes (35) 



r 1 

ilnitialize Component Editor (36) } 

T ' 



Component Processing (37) 



Page Generation (38) 



Pass generated page to web server, 
cleanup (39) 



Receive Page (41) 



Take generated page 
and send it to client 
browser (40) 



Analyze and display 
page (42) 



Wait for user 
interaction (43) 



Fig. 8 



Generation Algorithm 

Parameter 1 is a cb-list 



Repeat for all nodes rij of 1 (5 1) 



Test if rij is browser text or a 
component (52) 




Evaluate the Components Attributes (54) 



Send the browser text 
to the output (53) 



Find the Component Class with the 
components name and call its display 
method, pass nj and components 
parameters (55) 



Continue with next node of 1 (56) 



| at end of list 
Fig. 9: Generation Algorithm 



Browser-Code (61) 
<Hl>Database Search & Edit 
Form</Hl> 

<P>This is the fill-in form used to 
create new entries, to search, modify, 
or delete record 



Browser-Code (63) 
<table bgcolor="#90bb90" 
cellspacing=0 cellpadding=5 
border=0 > 

<trxtd> Name</td> 
<td> 



'Component dbform (62) 

id=se.dbforml relation="guestbook" 
key="Guest_Name" method=' , post" 



"Component dbfield (64) 
name="Guest_Name" size=50 
mandatory=false trim=true 



Browser-Code (65) 
-*|</tdx/tr> 

<tr> <td> E-Mail</td> 
<td> 



Component dbfield (66) 
name= n Email" size=50 
mandatory=false trim=true 



Component dbformbutton (67) 
name="clear" type="clear" 



Fig. 10: Example Abstract Syntax Tree (AST) 



Parameters: 

AST Node: n 



Display Method of a Component Class 



Parameter Values given in the Tag marking the Component 



Create component instance object (71) 



Jcall the Component-Information procedure, pass the"^ 
{component instance object and the AST node n (72) 1 



Call registration procedure of ISSC Processor and 
store resulting bid in the component object (73) 



Generate component specific browser code (74) 



r . 

iCall Show Handle Procedure of the ISSC Processor (75) i 
{Pass the component instance object, the image to display, ] 
[and Handle-Kind 'Begin-Handle' 

l 7 

Generate component specific browser code (76) 



iCall Show Handle Procedur"oflhe"lSSC Pro" "sso" "77) "| 
{Pass the component instance object, the image to display, [ 
Sand Handle-Kind 'End-Handle' j 



Generate component specific browser code (78) 



This sometimes is done 
implicitaly by the programming 
language since display is a 
constuctor 



These calls can 
usually be 
inherited using 
an object 
oriented 
programming 
language. 



Boxes with round corners 
define source code parts to 
be programmed per 
component 



Boxes with broken lines call 
the component editor. These 
procedures work only if 
pages are displayed in edit- 
mode. To understand the 
component algorithm they 



Fig.l 1: Display Method Algorithm Structure 



Component Information Procedure 

Parameters 

Component node n of AST, 
Current component Instance 




If this is the first call of Component- 
Information for a component page (182) 



no 




Generate Page Initialization Code (183) 
Global-Component-Nurnber = 1 : 



Assign Global Component Number to the CINR of current instance and 
increment the Global Component Number (184) 




r 



Generate Script Code to build up component description (185) 
More precisely generate the code 

<script language- Mavascript'^ 

c=newcomp(); 

c.)dnd=componentkind; 

c.pos=Position; 
where componentkind is the kind of the component of n and 
Position is the encoded position of the component found in the AST node n 



Generate Code to store the attributes of the component instance (186) 

c.p=newattribO; 
For each attribute of n 

c.p.attributname = "Attributevaiue " 

where Attributvalue is the escaped value of the current attribute 



Generate Code to store the component description into the comps Array (187) 
comps[C/Mt] = c; 
</script> 

where CINR is the component instance number of the current component instance 



End 



Fig.20: Component Information 
Procedure 



Structure Component Editor Client Part 



Application-Page N \ 



Component 

with 

Handles 



Component 

with 

Handles 



Application- Window (211) 



Menu-Page 



Component Editor Menu-Frame (213) 



Component-Edit-Page for specific component kind 



Component Editor Work-Frame (214) 



Component Editor Control- Window (212) 



Fig,23: Structure Component Editor Client Part 



Component Editor Client Part Pages 



Start Page 
Initialize Editor 
(221) 



Creates Control 
Window and loads 
Control Page 



Creates Menu Frame and 
loads Page 



Control Page 
(222) 

goes into 
Component Editor 
Window 



Creates Working Frame 
and loads Help Page 




Menu Page 
(223) 

goes into 
Menu Frame 



ioads on Menu 
itry 



Help Pages 
(224) 

Help Text 



Component Edit 
Pages 
(225) 

one page for 
each component 
kind 




it 



it 



Component 
Catalog Pages 
(226) 

listing available 

Components, 
several pages for 
many components 



>r 



Fig.24: Component Editor Client Part Page Structure 



Component Editor Start Page 



Call javascript open function to 

■ open up the component editor control window 

■ to load the component editor control page into it 
(231) 



Message 'Component Editor Coming Up Please Wait* (232) 
Links to Application Pages (233) 



Fig. 25: Component Editor Start Page 



Component Editor Control Page 



Insert Procedure Definition (241) 



Cedit Procedure Definition (241) 



Load Procedure (242) 
Set Complevel Cookie to 1 



Unload Procedure (243) 
Set Complevel Cookie to 0 



Frame set for Component Editor Window (244) 

Menu Frame with Menu Page 
• Working Frame with initial Help Page 



Fig. 26: Component Editor Control Page 



cedit Procedure 

Parameters 

Window: w 

Component Instance Number: cn 
Handle Kind (Begin or End Handle): hk 



curcomp = w.comps[cn], appwindow=w(261) 










if Insertmode=true (262) 





^egin-Handle 



Let targetpos contain 
pos. page-name and 
pos.beginright (264) 




Let pos be the position of curcomp 
A 



Check Handle Kind hk (263) 



Let targetpos contain 
pos.page-name and 
pos.endleft if present. 
Otherwise take pos. 
Beginright (265) 



7 



Load Component Edit Page for Kind editcomp.kind 
into the Working Frame (270) 



Assign targetpos to the targetpos field of 
the component form displayed in the 
working frame. (266) 






InsertMode := false 


(267) 


< 




Submit the component form displayed in 
the working frame (268) 




Fig.28: cedit Procedure 



Component Edit Page 



V*. 



HTML Form called Component Edit Form (281) 



Form Fields one for each possible component attribute 
initially empty (282) 



Hidden Component-Kind Field containing Component Kind (283) 



Hidden Component Position Field initially empty (284) 



Hidden Target Position Field initially empty (285) 



Textarea for Component Content (286) 



Submit Button(287) Content Button(288) Delete Button (289) 



Onload Procedure 



Copy attribute values from top.editcomp.p 

into attribute form fields (290) 

Copy position of editcomp.p into position field 



Fig.29: Component Edit Page 



Component Editor Server Part 



Analyze and decode Form Data Set and store information in global 
variables. Decode the pos form field into its parts and make them 
accessible by pos.page-name, pos.beginleft ... . (301) 



Call the Component Editor Initialization and Check if 
complevel=l (302) 



Send Error Message (304) 




Check whether Content button was clicked 
by inspecting the form data set (303) 




Yes, Cortfent clicked 




Process-Content (305) 



Process Update (306) 



End 



Fig.30: Component Editor Server Part 



Process Update 

Parameter: 

Decoded Form Data Set of component form 
Decoded position pos 



yes 



t = Generate-Component- 
Text (323) 







Decode targetpos and Insert 
the string t into the file 
specified by targetpos.page- 
name at the line and column 
given in targetpos.charpos 
(324) 



TargetPos given in the form data set ? (321) 




Check if Delete Button was pressed 
by investigating Form Data Set (322) 




Is endright in pos (325) 




Delete all characters of 
the page specified by 
pos.page-name that are 
between pos.beginleft 
and pos.endright (326) 



no 



Delete all characters of 
the page specified by 
pos.page-name between 
pos.beginleft and 
pos.endrightline (327) 





t = Generate-Component-Text 
(328) 



Is there a field named Text 
in the form data set (329) 



yes 



Replace all characters of 
the page specified by 
pos.page-name between 
pos.beginleft and 
pos.endright by t (330) 




Replace all characters of 
the page specified by 
pos.page-name that are 
between pos.beginleft 
and pos.beginright by t 
(331) 



Generate 'Update performed* message into the output 
page (332) 




Issue reload in. application window accessible as 
top.appwindow (333) 



Fig. 32: 
Process Update 
Procedure 



